import { Drawer } from 'antd'

interface Props {
  drawerVisible: boolean
  setDrawerVisible: (visible: boolean) => void
}
function RightSlider({ drawerVisible, setDrawerVisible }: Props): JSX.Element {
  return (
    <Drawer
      title="Drawer Menu"
      placement="right"
      onClose={() => setDrawerVisible(false)}
      visible={drawerVisible}
    >
      <p>Menu Item 1</p>
      <p>Menu Item 2</p>
      <p>Menu Item 3</p>
    </Drawer>
  )
}

export default RightSlider
